<%@ page contentType="text/html;charset=UTF-8" language="java"  import="java.util.*" trimDirectiveWhitespaces="true" %>
<%@include file="/WEB-INF/pages/common/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>产品列表</title>
<link rel="stylesheet" href="${basePath}/resources/weixin/css/style.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/css/layer.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/Icon/iconfont.css" />
</head>

<body>
<main class="content square"><!-- square 方形 -->
    <section class="ranking">
    	<span>
            <a class="hover" href="">综合</a>
            <a href="">最新</a>
            <a href="">价格</a>
    	</span>
        <a class="icon button" href="javascript:"></a>
    </section>
   	<section class="product_list">
        <section class="product">
            <span class="pic"><a href="${weixinPath}/shop/gooddetail"><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            <section class="text">
                <p><a href="">六福珠宝黄金吊坠女香港热卖款招财六福珠宝黄金吊坠女香...</a></p>
                <em>差价：￥568</em>
                <em>销售价：￥568</em>
                <a class="icon" href="">&#xe68d;</a>
            </section>
        </section>
        <section class="product">
            <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            <section class="text">
                <p><a href="">六福珠宝黄金吊坠女香港热卖款招财六福珠宝黄金吊坠女香...</a></p>
                <em>差价：￥568</em>
                <em>销售价：￥568</em>
                <a class="icon" href="">&#xe68d;</a>
            </section>
        </section>
        <section class="product">
            <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            <section class="text">
                <p><a href="">六福珠宝黄金吊坠女香港热卖款招财六福珠宝黄金吊坠女香...</a></p>
                <em>差价：￥568</em>
                <em>销售价：￥568</em>
                <a class="icon" href="">&#xe68d;</a>
            </section>
        </section>
        <section class="product">
            <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            <section class="text">
                <p><a href="">六福珠宝黄金吊坠女香港热卖款招财六福珠宝黄金吊坠女香...</a></p>
                <em>差价：￥568</em>
                <em>销售价：￥568</em>
                <a class="icon" href="">&#xe68d;</a>
            </section>
        </section>
        <section class="product">
            <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            <section class="text">
                <p><a href="">六福珠宝黄金吊坠女香港热卖款招财六福珠宝黄金吊坠女香...</a></p>
                <em>差价：￥568</em>
                <em>销售价：￥568</em>
                <a class="icon" href="">&#xe68d;</a>
            </section>
        </section>
        <section class="product">
            <span class="pic"><a href=""><img src="${basePath}/resources/weixin/Images/com/01.jpg"></a></span>
            <section class="text">
                <p><a href="">六福珠宝黄金吊坠女香港热卖款招财六福珠宝黄金吊坠女香...</a></p>
                <em>差价：￥568</em>
                <em>销售价：￥568</em>
                <a class="icon" href="">&#xe68d;</a>
            </section>
        </section>
    </section>
    <section class="load"><a href="">加载更多</a></section>
</main>

<script type="text/javascript" src="${basePath}/resources/weixin/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$('a.button').click(function() {
	if (
		$('.content').hasClass('square')) {
		$('.content').removeClass('square');
	}else{
		$('.content').addClass('square');
	}
});
</script>

</body>
</html>
